<!--
-->
<template>
    <vxe-modal v-model="visible" :height="layout.modalHeight(800)" :min-width="layout.modalMinWidth(800)" :position="{top: '60px'}" :title="title" :width="layout.modalWidth(1200)" destroy-on-close resize show-footer show-maximize @close="cancelClick">

        <DeviceLog :computer-program-id="state.model.id" :height="520"/>
    </vxe-modal>
</template>

<script setup>
import {ref, reactive, computed, onMounted} from "vue";
import {FormMixins} from "@/utils/FormMixins";
import DeviceLog from "@business/DeviceManage/DeviceLog/Index.vue"


const {ELForm, visible, title, layout, isLoading, isSubmitting, state, setOptions, submitSuccess, cancelClick} = FormMixins();
const {$message} = window;

const Model = () => {
    return {}
}

// 表单显示
async function show(config) {
    setOptions(config);
    state.model = Model();
    state.model = {...state.model, ...state.options}

}
onMounted(() => {
})
defineExpose({
    show
})
</script>


<style lang="scss" scoped>
.EditForm {

}
</style>
